@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#016155 }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px; font-weight:normal}
p{ padding:0px; margin:0px;}

@font-face {
	font-family:Barlow-Bold;
	src: url('../fonts/Barlow-Bold.ttf'); }

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
	
	
	@font-face {
    font-family: 'PingFang';
    src: url(../fonts/AkzidenzGrotesk-BoldCondAlt.otf);
}

@font-face {
    font-family: 'PingFang_reg';
    src: url(../fonts/PingFang-ExtraLight.woff2);
}

.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}
.pc_banner{ display:block}
.wap_banner{ display:none}
.pc_db1{ display:block}
.pc_db2{ display:block}
.wap_db1{ display:none}
.wap_db2{ display:none}


body{ margin:0 auto;padding:0px;width:100%;font: 12px/24px "Arial, Helvetica, sans-serif";color:#646464; margin:0px; }
.head{ padding-left:15%; padding-right:15%;margin:0 auto;padding-top:15px;padding-bottom:10px;}
.head .logo .logotxt{ margin-left:18px; margin-top:13px;}
.head .logo .logotxt h2{color:#016155; font-size:25px; font-weight:bold;}
.head .logo .logotxt h3{ color:#016155; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.5px; margin-top:3px;}
.head .biaoyu{ color:#1a70c8; font-size:16px;/* font-style:italic; */font-weight:bold; line-height:25px; letter-spacing:1.5px;margin-left:18px; margin-top:12px;}

.head .tel{ background:url(../images/tel.png) no-repeat left; padding-left:55px; margin-top:7px;}
.head .tel p{  margin-top:3px;}
.head .tel h2{font-family: Barlow-Regular; color:#49988b;font-size:18px;}

/*导航*/
.nav{ background:#016155; width:100%; margin:0 auto;}
.nav ul{padding-left:15%; padding-right:15%;margin:0 auto;display: flex; flex-wrap: wrap; justify-content: space-between; }

.nav li {  display: inline-block;list-style: none;text-align: center;position: relative;}
.nav li a {display: block;text-align: center;position: relative;color: #fff; font: 15.5px/43px "Arial, Helvetica, sans-serif";line-height:48px; text-transform:uppercase; padding-left:15px; padding-right:15px; }
.nav li.hover a, .nav li:hover a {color: #FFF;}
.nav li:hover a{ background:#033630}
.nav li .subnav { width:140px;background: #016155;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left:-23px;overflow: hidden;position: absolute;top: 48px; z-index: 99999999;}
.nav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); }
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block; font: 14px/43px "Arial, Helvetica, sans-serif";font-weight: 500;line-height: 35px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%; padding-left:0px;padding-right:0px; border-bottom:1px solid rgba(255,255,255,0.1);}
.nav li .subnav a:hover {background:none}

/*首页产品*/
.probg{ background:#f7f7f7; width:100%; margin:0 auto}
.index_pro{ padding-left:15%; padding-right:15%;margin:0 auto; padding-top:25px; padding-bottom:15px;}
.index_pro ul {display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.index_pro ul li{width:30%;cursor:pointer; line-height:30px; background:#fff;border-bottom: 4px solid #e4dede; padding:10px; height:38px;}
.index_pro ul li:nth-child(1){ margin-left:27%;}
.index_pro ul li .pro_pic{ width:15%;  height:38px; overflow:hidden; }
.index_pro ul li .pro_pic  img{width:100%;height:38px; transition: all 0.8s;}
.index_pro ul li:hover img{transform: scale(1.1);}
.pro_txt{ width:84%;}
.pro_txt h2{ line-height:30px; color:#016155; margin-left:10px; text-decoration:underline;font: 16px/38px "Arial, Helvetica, sans-serif";}
.pro_txt .pro_more{ background:#1a70c8; width:32px; line-height:28px; height:32px; border-radius:50px; color:#fff; font-size:22px; text-align:center; margin-top:7px;}
.index_pro ul li:hover .pro_txt h2{ color:#1a70c8}


/*首页相关新闻及公司简介*/
.con_1{padding-left:15%; padding-right:15%; margin:0 auto; padding-top:20px;}
.con_1 .xiangguan .bgcenter{  width:95.2%;}
.con_1 .xiangguan{ width:25%; margin:0 auto;}
.con_1  .xiangbk{ padding:25px 20px; padding-bottom:0px;}
.con_1  .xiangbk .xtop h2{ color:#fff; background:url(../images/img_22.png) no-repeat center; width:117px; height:32px; text-align:center; font-size:16px; line-height:30px;}
.con_1  .xiangbk .xmore{ margin-top:7px;}
.con_1  .xiangbk .xtop .xmore a{  color:#727272}
.con_1 .xiangguan .xiangbk ul li{ line-height:27px; background:url(../images/dian.png) no-repeat left; padding-left:23px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; border-bottom:1px solid #efefef}
.con_1 .xiangguan .xiangbk ul { padding-top:14px;}
.con_1 .xiangguan .xiangbk ul li a{  color:#494949}
.con_1 .xiangguan .xiangbk ul li:hover a{ color:#016155}

/*.bgright{ background:url(../images/bgright.jpg) no-repeat; width:9px; min-height:250px}
.bgcenter{ background:url(../images/bgcen.jpg) repeat-x; width:98.3%;}
.bgleft{ background:url(../images/bgleft.jpg) no-repeat; width:4px; min-height:250px}*/

.bgbian{

border-radius: 5px; /*设置圆角*/

border:1px solid transparent; /*设置边框颜色透明，确保背景渐变色显示*/

background-origin:border-box; /*从边框开始背景图*/

background-clip: padding-box, border-box; /*设置第一个背景和第二个背景的范围*/

background-size: cover;

/*由于背景图像不能设置纯色，所以可以使用下面的方式设置纯色*/

background-image:linear-gradient(#fff, #fff),linear-gradient(#dbdbdb, #fff);}
.dabk{ background:#fff;}
.smallbk{background-image: linear-gradient(#f7f7f7, #fff); margin:2px; overflow:hidden;  border-radius: 5px;}



.con_1 .index_about{  /*background-image: linear-gradient(#f7f7f7, #fff);*/ width:73%; }
.con_1 .index_about .abnr{ color:#494949;  line-height:24px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-top:15px;}


/*首页企业风采*/
.con_2{ padding-left:15%; padding-right:15%; margin:0 auto;  padding-bottom:20px;}
#demoleftab{OVERFLOW: hidden;WIDTH:100%;margin:0 auto;margin-top:20px}
.con_2 .factu{  margin-left:7px; margin-right:7px; background:url(../images/viewsbox.jpg) no-repeat center; width:214px; height:143px; display: flex;justify-content: center;
align-items: center;}
.con_2 .factu img{ width:194px; height:123px; object-fit: cover;}
.con_2 .ftop h2{ background:url(../images/img_20.png) no-repeat center; width:142px; height:32px; line-height:30px; text-align:center; color:#fff; font-size:16px;}
.con_2 .ftop{ border-bottom:1px solid #e9e9e9; position:relative}
.con_2 .ftop .fmore{ background:#bbbbbb; text-align:center; width:60px; height:28px; line-height:28px; position:absolute;right:0px; top:18px;}
.con_2 .ftop .fmore a{ color:#fff;}

/*底部*/
.foot{ background:url(../images/img_27.png) repeat-x top #f6f6f6; width:100%; margin:0 auto;}
.foot_a{padding-left:15%; padding-right:15%;margin:0 auto; padding-top:20px; padding-bottom:20px}
.foot_a .fmenu{ width:80%; margin-top:20px;}
.foot_a .fdao ul li{ float:left;}
.foot_a .fdao ul li a{  color:#222222;}
.foot_a .fdao ul li.shu{ padding-left:12px; padding-right:12px;}
.foot_a .ftxt{ color:#303030; } 
.foot_a .ftxt a{color:#303030; }
.foot_a .fbq{}



a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration:none;
	color: #303030;}

a.zzb07link:hover {
	text-decoration: underline;
	color: #303030;}
.zzb07tail
{

font-family:Arial, Helvetica, sans-serif;
color:#303030;
}


/*内页*/
/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#e73b00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #009631; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.nypro{ background:url(../images/nypro.jpg) no-repeat center; width:100%; height:320px; background-size:100% 100%;}

.nymain{ padding-left:15%; padding-right:15%; margin:0 auto; padding-top:20px; padding-bottom:10px;}
.nymain .left{ width:28%;}
.nymain  .xiangbk{ padding:20px; }
.nymain  .xiangbk .xtop h2{ color:#fff; background:url(../images/img_22.png) no-repeat center; width:117px; height:32px; text-align:center; font-size:16px; line-height:30px;}

.nymain .left .xiangbk ul li{ background:url(../images/sidemenu.jpg) no-repeat left; height:34px; cursor:pointer; display:block;margin-top:13px;}
.nymain .left .xiangbk ul { padding-top:10px;}
.nymain .left .xiangbk ul li a{  padding-left:49px; font-size:16px; line-height:29px; color:#333;}
.nymain .left .xiangbk ul li:hover a{ color:#7291ca}


.nymain .left ul li p{ display:inline-block}
.nymain .right{ width:70%;}
.nymain .right .neirong{ color:#000; line-height:28px; margin-top:17px; font-size:13px; }

/*荣誉*/
.rongyu ul li{text-align:center;float:left;display:inline;width:22.5%; margin-left:1%; margin-right:1%;height:153px; overflow:hidden;background:#fff; border:1px dotted #ccc;  border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:20px; padding-top:2px;}
.rongyu ul li span{line-height:22px;display:block;background:#FFF; text-align:center;  font-size:13px;  color:#555;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.zu112{width:100%; height:120px; overflow:hidden; display: flex;justify-content: center;align-items: center;}
.zu112 img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-height:100%; max-width:100% }
.rongyu ul li:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.rongyu ul li:hover span{ color:#016155}

/*发展历程*/
.history ul li{ margin-bottom:15px; cursor:pointer}
.history ul li .date{ width:12%; background:#016155; color:#fff; line-height:35px; text-align:center}
.history ul li .htxt{ width:85%;}
.history ul li .htxt dl dd{ color:#555; line-height:35px; padding-left:20px; padding-right:20px; float:left;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.07); background:#fff; margin:0px; margin-right:23px; margin-bottom:10px;}
.history ul li .htxt dl{ margin:0px; padding:0px;}

/*销售服务*/
.neirong table input{ width:80%; border:1px solid #ddd; line-height:35px; outline:none;}
.neirong table textarea{ width:80%; border:1px solid #ddd; line-height:35px; outline:none;}
.neirong .teshu{ width:40%}
.neirong .teimg{ height:40px;}
.tijiao{ width:150px; float:left; background:#016155; color:#fff; line-height:35px;border:0px; cursor:pointer}
.chongxie{ float:right; width:150px; background:#444; color:#fff; line-height:35px; border:0px; cursor:pointer}
.anniu{ width:50%; margin:0 auto; margin-top:20px; cursor:pointer}

/*新闻*/
.ziliao ul li{ line-height:40px; border-bottom:1px dotted #ddd;}
.ziliao ul li span{ color:#fe9d04; padding-right:10px;}
.news_title{ text-align:center; font-size:18px; color:#016155; padding-bottom:5px;}
.news_time{ text-align:center; font-size:14px; color:#555;}
.news_content{ margin-top:20px; border-top:1px solid #efefef; padding-top:20px; min-height:100px;}
.fanhui{ margin-top:20px;line-height:30px; text-align:center;}
.fanhui a{ color:#016155;}
.chang{ background:url(../images/fwc.jpg) no-repeat center left;  line-height:35px; padding-left:30px; color:#fff; font-size:13px; margin-top:15px; margin-bottom:15px;background-size:100% 100%;}
.proxx h2{ background:url(../images/fw.jpg) no-repeat center left;  line-height:35px; padding-left:30px; color:#fff; font-size:13px; margin-top:15px; margin-bottom:15px;background-size:100% 100%;}
.proxx table{ text-align:center;width:100%; }
.proxx table img{ max-width:100%!important; height:200px!important; object-fit: cover;}
.proxx table td{ line-height:30px;}

.wscp{  margin-top:20px;border-bottom:2px solid #07598b; margin-bottom:10px;}
.wscp .hhh{  font-weight:bold;border-top-left-radius:7px;border-top-right-radius:7px; background-image: linear-gradient(#6676cb, #07598b); color:#fff; padding-left:20px; padding-right:20px; width:auto; display:inline-block}

.juli { margin-top:15px; margin-bottom:15px;}
@media screen and (max-width:950px){
.index_pro,.head,.nav ul,.nymain,.foot_a,.con_2,.con_1{ width:95%; padding-left:0px; padding-right:0px; margin:0 auto}

} 

@media screen and (max-width: 880px){
.index_pro,.head,.nav ul,.nymain,.foot_a,.con_2,.con_1{ width:95%; padding-left:0px; padding-right:0px; margin:0 auto;}

} 

@media screen and (max-width: 768px) {

.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}
.pc_banner{ display:none}
.wap_banner{ display:block}
.pc_db1{ display:none}
.pc_db2{ display:none}
.wap_db1{ display:block}
.wap_db2{ display:block}


.m-header .logotxt{ margin-left:10px; margin-top:5px;}
.m-header .logotxt h2{color:#016155; font-size:22px; font-weight:bold;}
.m-header .logotxt h3{ color:#016155; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;margin-top:3px;}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}

.proxx h2{}
.proxx table{ text-align:center;width:100%; }
.proxx table img{ max-width:100%!important; height:100px!important; object-fit: cover;}
.proxx table td{ font-size:13px; line-height:25px;}



/*首页产品*/
.index_pro{ width:95%;  padding-top:20px; padding-bottom:20px; padding-left:0px; padding-right:0px;}
.index_pro ul li{float:left;width:100%;}
.index_pro ul li:nth-child(2){ float:left; margin-top:10px;}
.index_pro ul li .pro_pic{ width:15%; }
.index_pro ul li .pro_pic  img{max-width:100%;height:50px;}

.pro_txt{ width:80%; }
.pro_txt h2{ font-size:16px;}
.pro_txt .pro_more{ background:#1a70c8; width:25px; line-height:20px; height:25px; border-radius:50px; color:#fff; font-size:17px; text-align:center;margin-top:8px;}



/*首页相关新闻及公司简介*/
.con_1{ width:95%; margin:0 auto; padding-top:40px;padding-left:0px; padding-right:0px;}
.con_1 .xiangguan{ background:url(../images/bg_05.jpg) no-repeat center top; background-size:100%; width:100%}

.con_1 .xiangbk .xtop h2 {font-size: 16px;}
.con_1 .index_about{ background:url(../images/bg_05.jpg) no-repeat center top; background-size:100%; width:100%}
.con_1 .xiangbk .xtop h2 { font-size: 16px;}
.con_2 .ftop h2 {font-size: 16px;}
.con_1 .xiangguan .xiangbk ul li a{ padding-bottom:10px;}
.con_1 .xiangguan .xiangbk ul li  { line-height:40px; height:40px; padding-top:5px; 
}

/*首页企业风采*/
.con_2{ width:95%;padding-top:15px; padding-bottom:30px;padding-left:0px; padding-right:0px;}
#demoleftab{OVERFLOW: hidden;WIDTH:100%;margin:0 auto;margin-top:40px}
.con_2 .factu{ width:200px; height:145px; margin-left:10px; margin-right:10px;}
.con_2 .factu img{ width:200px; height:145px;}


/*底部*/
.foot_a{ font-size:14px;width:95%;padding-top:30px; padding-bottom:30px; text-align:center;padding-left:0px; padding-right:0px;}
.foot_a .fmenu{ width:100%;}
.foot_a .fdao ul li{ width:14%; text-align:center; margin-bottom:10px;}
.foot_a .faao ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.foot_a .fdao ul li.shu { width:3%;
    padding-left: 0px;
    padding-right: 0px;}
.yincang{ display:none}
.foot_a .ewm{ display:none}
a.zzb07link{font-size: 14px;}
.zzb07tail{font-size:14px;}
.foot_a .fbq p{ text-align:center; line-height:25px;}

/*内页*/


.nymain{ width:95%; padding-top:30px;padding-bottom:10px; padding-left:0px; padding-right:0px;}
.nymain .left{ display:none; background:url(../images/bg_03.jpg) no-repeat center top; width:293px; margin:0 auto;}
.nymain  .xiangbk{ padding:25px 20px;}
.nymain  .xiangbk .xtop h2{ color:#fff; background:url(../images/img_22.png) no-repeat center; width:117px; height:32px; text-align:center; font-size:17px; line-height:32px;}

.nymain .left .xiangbk ul li{border:1px solid #efefef;line-height:35px; background:#fff;margin-bottom:10px;padding-left:15px;padding-right:15px; cursor:pointer}
.nymain .left .xiangbk ul { padding-top:20px;}
.nymain .left .xiangbk ul li a{ font-size:15px; color:#494949;background:url(../images/img54.png) no-repeat left; padding-left:30px;}
.nymain .left .xiangbk ul li:hover a{ color:#016155}
.nymain .left .xiangbk ul li:hover{ border:1px solid #016155}

.nymain .left ul li p{ display:inline-block}
.nymain .right{ background:url(../images/bg_05.jpg) no-repeat center top; width:100%; background-size:100%}
.nymain .right .neirong{ color:#494949; font-size:14px; line-height:28px; margin-top:15px;}

/*荣誉*/
.rongyu ul li:nth-child(2n){ float:right}
.rongyu ul li{width:48%; margin-left:0%; margin-right:0%;}


/*发展历程*/
.history ul li{ margin-bottom:15px; cursor:pointer}
.history ul li .date{ width:20%; background:#016155; color:#fff; line-height:35px; text-align:center}
.history ul li .htxt{ width:75%;}
.history ul li .htxt dl{ margin:0px;}
.history ul li .htxt dl dd{padding-top:5px; padding-bottom:5px; color:#555; line-height:25px; padding-left:20px; padding-right:20px; float:left;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.07); background:#fff; margin:0px; margin-right:0px; margin-bottom:10px;}


/*销售服务*/
.neirong table input{ width:90%; border:1px solid #ddd; line-height:35px; outline:none;}
.neirong table textarea{ width:80%; border:1px solid #ddd; line-height:35px; outline:none;}
.neirong .dingdan table td:nth-child(1){ width:40%}
.neirong .teshu{ width:40%}
.neirong .teimg{ height:40px;}
.tijiao{ width:40%; float:left; background:#016155; color:#fff; line-height:35px;border:0px; cursor:pointer}
.chongxie{ float:right; width:40%; background:#444; color:#fff; line-height:35px; border:0px; cursor:pointer}
.anniu{ width:100%; margin:0 auto; margin-top:30px; cursor:pointer}

/*新闻*/
.ziliao ul li{ line-height:30px;}
.ziliao ul li span{ color:#fe9d04; padding-right:10px;}
.news_bt{ width:100%;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.shijian{ text-align:left; float:left;padding-left:15px; opacity:0.8;}
.news_title{ text-align:center; font-size:18px; color:#016155; padding-bottom:5px;}
.news_time{ text-align:center; font-size:14px; color:#555;}
.news_content{ margin-top:20px; border-top:1px solid #efefef; padding-top:20px; min-height:100px;}
.fanhui{ margin-top:20px;line-height:30px; text-align:center;}
.fanhui a{ color:#016155;}

.m-header .logotxt{ margin-left:10px; margin-top:5px;}
.m-header .logotxt h2{color:#016155; font-size:22px; font-weight:bold;}
.m-header .logotxt h3{ color:#016155; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;margin-top:3px;}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {

  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }
}


@media screen and (max-width: 640px) {

.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}
.pc_banner{ display:none}
.wap_banner{ display:block}
.pc_db1{ display:none}
.pc_db2{ display:none}
.wap_db1{ display:block}
.wap_db2{ display:block}

.index_pro ul li:nth-child(1){ margin-left:0%;}
.m-header .logotxt{ margin-left:10px; margin-top:5px;}
.m-header .logotxt h2{color:#016155; font-size:22px; font-weight:bold;}
.m-header .logotxt h3{ color:#016155; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;margin-top:3px;}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%; display:block;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:6px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}

.proxx h2{ padding-left:15px; }
.proxx table{ text-align:center;width:100%; }
.proxx table img{ max-width:100%!important; height:100px!important; object-fit: cover;}
.proxx table td{ font-size:13px; line-height:25px;}



/*首页产品*/
.index_pro{ width:95%;  padding-top:20px; padding-bottom:20px;}
.index_pro ul li{float:left;width:100%;}
.index_pro ul li:nth-child(2){ float:left; margin-top:10px;}
.index_pro ul li .pro_pic{ width:20%; }
.index_pro ul li .pro_pic  img{max-width:100%;height:50px;}

.pro_txt{ width:75%; }
.pro_txt h2{ font-size:16px;}
.pro_txt .pro_more{ background:#1a70c8; width:25px; line-height:20px; height:25px; border-radius:50px; color:#fff; font-size:17px; text-align:center; margin-top:8px;}



/*首页相关新闻及公司简介*/
.con_1{ width:95%; margin:0 auto; padding-top:30px;}
.con_1 .xiangguan{ background:url(../images/bg_05.jpg) no-repeat center top; background-size:100%; width:100%}

.con_1 .xiangbk .xtop h2 {font-size: 16px;}
.con_1 .index_about{ background:url(../images/bg_05.jpg) no-repeat center top; background-size:100%; width:100%; margin-top:30px;}
.con_1 .xiangbk .xtop h2 { font-size: 16px;}
.con_2 .ftop h2 {font-size: 16px;}
.con_1 .xiangguan .xiangbk ul li a{ padding-bottom:10px;}
.con_1 .xiangguan .xiangbk ul li  { line-height:40px; height:40px; padding-top:5px; 
}

/*首页企业风采*/
.con_2{ width:95%;padding-top:15px; padding-bottom:30px;}
#demoleftab{OVERFLOW: hidden;WIDTH:100%;margin:0 auto;margin-top:40px}
.con_2 .factu{ width:200px; height:145px; margin-left:10px; margin-right:10px;}
.con_2 .factu img{ width:200px; height:145px;}


/*底部*/
.foot_a{ font-size:14px;width:93%;padding-top:30px; padding-bottom:30px; text-align:center}
.foot_a .fmenu{ width:100%;}
.foot_a .fdao ul li{ width:auto; text-align:center; margin-bottom:10px;}
.foot_a .fdao ul {display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.foot_a .fdao ul li.shu { width:2%;
    padding-left: 0px;
    padding-right: 0px;}
.yincang{ display:block}
.foot_a .ewm{ display:none}
a.zzb07link{font-size: 14px;}
.zzb07tail{font-size:14px;}
.foot_a .fbq p{ text-align:center; line-height:25px;}

/*内页*/
.nypro{height:110px; background-size:100% 100%;}
.nymain{ width:95%; padding-top:30px;padding-bottom:10px;}
.nymain .left{ display:none; background:url(../images/bg_03.jpg) no-repeat center top; width:293px; margin:0 auto;}
.nymain  .xiangbk{ padding:25px 20px;}
.nymain  .xiangbk .xtop h2{ color:#fff; background:url(../images/img_22.png) no-repeat center; width:117px; height:32px; text-align:center; font-size:17px; line-height:32px;}

.nymain .left .xiangbk ul li{border:1px solid #efefef;line-height:35px; background:#fff;margin-bottom:10px;padding-left:15px;padding-right:15px; cursor:pointer}
.nymain .left .xiangbk ul { padding-top:20px;}
.nymain .left .xiangbk ul li a{ font-size:15px; color:#494949;background:url(../images/img54.png) no-repeat left; padding-left:30px;}
.nymain .left .xiangbk ul li:hover a{ color:#016155}
.nymain .left .xiangbk ul li:hover{ border:1px solid #016155}

.nymain .left ul li p{ display:inline-block}
.nymain .right{ background:url(../images/bg_05.jpg) no-repeat center top; width:100%; background-size:100%}
.nymain .right .neirong{ color:#494949; font-size:14px; line-height:28px; margin-top:15px;}

/*荣誉*/
.rongyu ul li:nth-child(2n){ float:right}
.rongyu ul li{width:48%; margin-left:0%; margin-right:0%;}


/*发展历程*/
.history ul li{ margin-bottom:15px; cursor:pointer}
.history ul li .date{ width:20%; background:#016155; color:#fff; line-height:35px; text-align:center}
.history ul li .htxt{ width:75%;}
.history ul li .htxt dl{ margin:0px;}
.history ul li .htxt dl dd{padding-top:5px; padding-bottom:5px; color:#555; line-height:25px; padding-left:20px; padding-right:20px; float:left;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.07); background:#fff; margin:0px; margin-right:0px; margin-bottom:10px;}


/*销售服务*/
.neirong table input{ width:90%; border:1px solid #ddd; line-height:35px; outline:none;}
.neirong table textarea{ width:80%; border:1px solid #ddd; line-height:35px; outline:none;}
.neirong .dingdan table td:nth-child(1){ width:40%}
.neirong .teshu{ width:40%}
.neirong .teimg{ height:40px;}
.tijiao{ width:40%; float:left; background:#016155; color:#fff; line-height:35px;border:0px; cursor:pointer}
.chongxie{ float:right; width:40%; background:#444; color:#fff; line-height:35px; border:0px; cursor:pointer}
.anniu{ width:100%; margin:0 auto; margin-top:30px; cursor:pointer}

/*新闻*/
.ziliao ul li{ line-height:30px;}
.ziliao ul li span{ color:#fe9d04; padding-right:10px;}
.news_bt{ width:100%;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.shijian{ text-align:left; float:left;padding-left:15px; opacity:0.8;}
.news_title{ text-align:center; font-size:18px; color:#016155; padding-bottom:5px;}
.news_time{ text-align:center; font-size:14px; color:#555;}
.news_content{ margin-top:20px; border-top:1px solid #efefef; padding-top:20px; min-height:100px;}
.fanhui{ margin-top:20px;line-height:30px; text-align:center;}
.fanhui a{ color:#016155;}






.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}